<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
    xmlns:s="http://jboss.com/products/seam/taglib"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:rich="http://richfaces.org/rich"
    xmlns:a="http://richfaces.org/a4j"
    template="layout/template.xhtml">

    <ui:define name="l_content">
		<ui:include src="/l_content/lc_video.xhtml" />
    </ui:define>
    
    <ui:define name="body">
    	<h:form>
   			<br />
	   		<table width="100%">
	   			<tr>
	   				<td valign="middle">
	   					<h:graphicImage value="/images/k_video_library.png" />
	   				</td>
	   				<td>
	   					<div style="padding: 25px;">	   					
				    		<rich:simpleTogglePanel id="sp" switchType="client" reRender="sp" opened="false" >
				    			<f:facet name="header">
						        	<h:outputText value="#{messages.search_msg}" />
					            </f:facet>
				    			<table>
				    				<tr>
				    					<td>
								    		<a:commandButton id="search_" value="#{messages.search_msg}" 
								    			action="#{kEmbedListViewManager.search()}" reRender="result_l">
								    			<s:defaultAction />
								    		</a:commandButton>
				    					</td>
				    					<td>
				    						<h:outputLabel for="name" value="#{messages.NAME_msg}" />&#160;
				    						<h:inputText id="name" value="#{kEmbedListViewManager.search.name}" />    						
				    					</td>
				    					<td>
				    						<h:outputLabel for="created" value="#{messages.created_msg}" />&#160;
				    						<rich:calendar id="created" value="#{kEmbedListViewManager.search.date}" showWeeksBar="false" />    						
				    					</td>
				    				</tr>
				    			</table>
				    		</rich:simpleTogglePanel>
	   					</div>
				   		<a:outputPanel id="result_l" styleClass="no_border">
					   		<rich:dataGrid id="ut_id" columns="3" value="#{kEmbedListViewManager.embedList}" var="e" elements="6" width="98%" >
					   			<div class="k-video">
					   				<div style="width: 301px; height: 182px;position: relative;top: 7px;left: 15px;">
										<iframe height="182" frameborder="0" width="300" allowfullscreen="" src="#{e.url}"></iframe>
									</div>
									<div style="position: relative;top: 10px;left: 15px;width: 280px;height: 20px;background: #B3000B;" >
										<h:outputText value="#{e.getName(kUser.klang)}" styleClass="fs14"/>
									</div>
					   			</div>
					   			<f:facet name="footer">
					                <rich:datascroller renderIfSinglePage="false"/>
					            </f:facet>
					   		</rich:dataGrid>
				   		</a:outputPanel>
	   				</td>
	   			</tr>
	   		</table>
    	</h:form>
    </ui:define>
</ui:composition>
